<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>createElement</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../jsfile/layer.css"/>
    <script src="../../jsfile/jquery.js"></script>
    <script src="../../jsfile/layer.js"></script>
    <script src="../../jsfile/base.js"></script>

    <script type="text/javascript">
        window.onload = function(){
            //现在我们需要使用js代码来创建html标签,并显示在页面上
            //标签的内容就是 <div>国服樊振东</div>
            //创建一个div标签
            var divObj = document.createElement("div");
            //创建一个文本节点
            var textObj = document.createTextNode("国服樊振东");
            //将文本节点追加到div节点上
            divObj.appendChild(textObj);
            //将div节点作为子元素添加到body标签中，虽然这里是追加成功了,但是依然还是在内存中
            document.body.appendChild(divObj);

        }
    </script>

</head>
<body>
<p id="text_show">

</p>
<div class="look_source_code" onclick="getPageContent()">查看源码</div>

</body>


</html>


